<template>

<div style="height:100%; " class="topview-hall full column center">

    <div class="row center gap15">
        <n-button type="primary" size="large" style="--n-color: #3b82f6;" @click="bus.emit('terminal.popup()')">
          <svg width="20" height="20" viewBox="0 0 20 20" style="vertical-align:middle;margin-right:6px;" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="2" y="4" width="16" height="12" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/>
            <polyline points="6,8 9,10 6,12" stroke="currentColor" stroke-width="1.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
            <line x1="11" y1="13" x2="14" y2="13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
          </svg>
          终端
        </n-button>
        <n-button type="primary" size="large" style="--n-color: #10b981;" @click="bus.emit('topview.enter()','firmware')">
          <svg width="20" height="20" viewBox="0 0 20 20" style="vertical-align:middle;margin-right:6px;" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="3" y="5" width="14" height="10" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/>
            <rect x="7" y="8" width="6" height="4" rx="1" stroke="currentColor" stroke-width="1.2" fill="none"/>
            <rect x="9" y="10" width="2" height="2" rx="0.5" fill="currentColor"/>
            <path d="M6 5V3M14 5V3" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
            <path d="M6 17V15M14 17V15" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
          </svg>
          固件(开发)
        </n-button>
        <n-button type="primary" size="large" style="--n-color: #10b981;" @click="bus.emit('topview.enter()','factory')">
          <svg width="20" height="20" viewBox="0 0 20 20" style="vertical-align:middle;margin-right:6px;" fill="none" xmlns="http://www.w3.org/2000/svg">
            <rect x="3" y="5" width="14" height="10" rx="2" stroke="currentColor" stroke-width="1.5" fill="none"/>
            <path d="M6 10h8M6 13h8" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
            <rect x="8" y="7" width="4" height="2" rx="0.5" fill="currentColor"/>
            <circle cx="6" cy="8" r="0.8" fill="currentColor"/>
            <circle cx="14" cy="8" r="0.8" fill="currentColor"/>
          </svg>
          固件(量产)
        </n-button>
    </div>

</div>

</template>

<style>
</style>

<script setup lang="ts">
import {bus} from "@beshell/events-ts/bus"


function enter() {
}
function leave() {
}

defineExpose({enter, leave})


</script>